<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,initial-scale=1.0">
		<title>369云工厂--云工厂</title>
		<link rel="stylesheet" href="css/dist/bootstrap.css" />
		<link rel="stylesheet" href="css/dist/bootstrap-theme.min.css" />
		<!--自定义css-->
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="wraper">
		    <div class="header-blue">
		        <div class="header-con">
		            <div class="header-logo">
		                <a href="index.action"><img src="img/logo-2.png" alt="369云工厂" /></a>
		            </div>
		            <div class="nav">
		                <ul>
		                    <li class="nav-item "><a href="index.action">首页</a></li>
		                    <li class="nav-item cur"><a href="factory.action">云工厂</a></li>
		                    <li class="nav-item"><a href="service.action">服务</a></li>
		                    <li class="nav-item"><a href="activity.action">活动</a></li> 
		                    <li class="nav-item"><a href="news.action">新闻</a></li>
		                </ul>
		                <!--移动的滑动-->
		                <div class="move-bg"></div>
		                <!--移动的滑动 end-->
		            </div>
		             <div class="header-right">
		                <a href="#" class="visit visit1" id="visit ">预约参观</a>
		                <a href="#" class="user-center"><img src="img/center.png" alt="云工厂用户中心"></a>
		            </div>
		        </div>
		    </div>
		    <div class="header" style="z-index: 100000;">
		        <div class="header-con">
		            <div class="header-logo">
		                <a href="index.action"><img src="img/logo-1.png" alt="369云工厂" /></a>
		            </div>
		            <div class="nav">
		                <ul>
		                    <li class="nav-item "><a href="index.action">首页</a></li>
		                    <li class="nav-item cur"><a href="factory.action">云工厂</a></li>
		                    <li class="nav-item"><a href="service.action">服务</a></li>
		                    <li class="nav-item"><a href="activity.action">活动</a></li> 
		                    <li class="nav-item"><a href="news.action">新闻</a></li>
		                </ul>
		                <!--移动的滑动-->
		                <div class="move-bg move-bg1"></div>
		                <!--移动的滑动 end-->
		            </div>
		            <div class="header-right">
		                <a href="#" class="visit" id="visit">预约参观</a>
		                <a href="#" class="user-center"><img src="img/center.png" alt="云工厂用户中心"></a>
		            </div>
		        </div>
		    </div>
		</div>
		<div class="container-fluid factory-banner"> 
			<div class="row-fluid">
				<div class="span12">
					<div class="carousel slide" id="carousel-698353">
						<ol class="carousel-indicators factory-dot">
							<li data-slide-to="0" data-target="#carousel-698353" class="active">
							</li>
							<li data-slide-to="1" data-target="#carousel-698353">
							</li>
							<li data-slide-to="2" data-target="#carousel-698353" >
							</li>
						</ol>
						<div class="carousel-inner">
							<div class="item active factory-banner-list" style="background-image: url(img/factory-banner.jpg);"></div>
							<div class="item factory-banner-list" style="background-image: url(img/factory-banner.jpg);"></div>
							<div class="item factory-banner-list" style="background-image: url(img/factory-banner.jpg);"></div>
						</div><!--<a data-slide="prev" href="#carousel-698353" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-698353" class="right carousel-control">›</a>-->
					</div>
				</div>
			</div>
		</div>
		<div class="container factory-content">
			<div class="factory-content-title">${incubatorBase.baseName}</div>
			<div class="factory-content-con">
				${incubatorBase.baseDesc}
			</div>
			<div class="row factory-bottom">
				<div class="col-lg-6">
					地址：${incubatorBase.baseAddr}<a href="#">［点击查看地图］</a><br />
					联系人：${incubatorBase.baseContactPerson}<br />
					联系电话：${incubatorBase.baseTelephone}<br />
					联系邮箱：${incubatorBase.baseEmail}<br />
					面积：${incubatorBase.baseArea} ㎡<br />
					工位：${incubatorBase.baseWorkStationCount}个
				</div>
				<div class="col-lg-6">
					<img src="images/ff.jpg" alt="" />
				</div>
			</div>	
		</div>	
		<div class="footerwarp">
			<div class=" container-fluid footer">
				<div class="footer-content">
					<div class="footer-logo">
						<a href="index.action"><img src="img/logo-3.png"></a>
					</div>
					<div class="footer-address">
						<ul>
							<li>北京市海淀区北太平庄路18号城建大厦C座3层</li>
							<li>400-8369-369</li>
							<li>fangchong@datangnet.com.cn</li>
						</ul>	
					</div>
					<div class="footer-erweima">
						<img src="img/erweima.png" alt="云工厂" />
					</div>
				</div>
			</div>
			<div class="container-fluid footer-bottom text-center">
				© 2016 Copyrights by datangnet - All rights reserved.
			</div>
		</div>
		<script type="text/javascript" src="js/dist/jquery.min.js" ></script>
		<script type="text/javascript" src="js/dist/bootstrap.js" ></script>
		<script type="text/javascript" src="js/dist/jquery.movebg.js" ></script>
		<script>
		//判断首页导航的切换效果
			$(function(){
				//初始化导航所在的位置
				if($(window).scrollTop()>=77){ 
				        $(".header-blue").css({"display":"block"}).stop().animate({top:"0px"},500);
				        $(".header").stop().animate({top:"-77px"},500);
				    }else{ 
				        //$(".header-blue").css({"display":"none"}).stop().animate({top:"-77px"},500);
				        $(".header-blue").stop().animate({top:"-77px"},500);
				        $(".header").stop().animate({top:"0px"},300);
				    }
				$(window).scroll(function(){
				    if($(window).scrollTop()>=77){ 
				        $(".header-blue").css({"display":"block"}).stop().animate({top:"0px"},300);
				        $(".header").stop().animate({top:"-77px"},300);
				    }else{ 
				        //$(".header-blue").css({"display":"none"}).stop().animate({top:"-77px"},500);
				        $(".header-blue").stop().animate({top:"-77px"},300);
				        $(".header").stop().animate({top:"0px"},300);
				    }
				});
			})
		</script>
		<script type="text/javascript">
			$(function(){
				$(".nav").movebg({
					width:55/*滑块的大小*/,
					extra:40/*额外反弹的距离*/,
					speed:300/*滑块移动的速度*/,
					rebound_speed:400/*滑块反弹的速度*/
				});
			})
		</script>
		
	</body>
</html>
